<template>
	<view class="bg-white radius-lg margin-bottom padding">
		<view class="text-lg text-bold padding-bottom-sm solid-bottom">
			<text class="cuIcon-titles" :class="theme == 'fs'?'color-blue':'color-green'"></text>
			<text class="text-black">结算信息</text>
		</view>

		<view class="flex align-center margin-tb-sm">
			<view class="item-label">
				实际面积
			</view>
			<view class="flex-sub text-black">
				{{orderData.actualArea || orderData.area}} 亩
			</view>
		</view>
		<view class="flex align-center margin-tb-sm">
			<view class="item-label">
				实际金额
			</view>
			<view class="flex-sub text-black color-red">
				<text class="text-sm">￥</text>
				<text class="text-lg text-bold">{{orderData.actualMoney || orderData.money}}</text>
			</view>

		</view>
		<view class="flex align-center margin-tb-sm">
			<view class="item-label">
				备注
			</view>
			<view class="flex-sub text-black">
				{{orderData.actualRemarks || ''}}
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			orderData: {
				type: Object,
				default: () => ({})
			}
		}
	}
</script>

<style scoped>
	.item-label {
		width: 120rpx;
		font-weight: 500;
		font-size: 28rpx;
		color: #A7A7B5;
		text-align: right;
		margin-right: 40rpx;
	}
</style>